/**
 * Created by hpwu on 2015/7/2.
 */
@charset "utf-8";

.header{
    background: #1f2833;
}
.headerL{
    background: url("../images/dj_logo_2013.png");
}

.banner{
    background: url("../images/banner-bg.jpg");
}

.qiye{
    background: url("../images/smart-entry-bg.png");
    right: 20px;
    top: 18px;
    text-indent: 16px;
    font: 15px/27px 'microsoft yahei',tahoma;
}
.loginDlg{
    background: #ffffff;
    top: 25px;
    right: 0;
}
._input{
    padding: 2px 2px 2px 15px;
}
._input:focus{
    background: #f4fbfc;
    border: 1px solid #77ccdd;
}
._input:hover{
    border: 1px solid #77ccdd;
}

._input_Btn{
    background: #f36948;
    border: 1px solid #f36948;
}

._input_Btn:hover,
._input_Btn:focus{
    background: #f57451;
    border: 1px solid #f57451;
}
.staylogin{
    display: inline-block;
}
._chbx{
    background: url("../images/checkbox.png") 0 -34px no-repeat;
}
._nologin{
    background: url("../images/checkbox.png") 0 -51px;
}

._nologin:hover {
    background: url("../images/checkbox.png") 0 -17px;
}
/*登录侧边 右侧 使用其他账户登录 开始*/
._otherAuth{
    border-top: 1px dotted #ccc;
    top: 40px;
}
.auth{
    border-radius: 50%;
    background-image: url("../images/index-icon.png");
    background-repeat: no-repeat;
    box-sizing: content-box;
    margin: 0 8px;
    opacity: .5;
    display: inline-block;
    position: relative;
    top: 40px;
}
.auth:hover{
    opacity: 1;
}
.authItem1{
    background-position: 0 0;
}
.authItem2{
    background-position: 30% 30%;
}
.authItem3{
    background-position: 60% 60%;
}
.authItem4{
    background-position: 90% 89%;
}
/*登录侧边 右侧 使用其他账户登录 结束*/

/*登录侧边 左侧 图片效果 开始*/
.showHead{
    position: absolute;
    width: 220px;
    height: 280px;
    left: 105px;
    border-right: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;
}

.showHeadItem1{
    z-index: 3;
    opacity: .3;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    transition: all .5s linear;
    background: url("../images/anim-banner1.jpg") no-repeat;
}

.showHeadItem2{
    z-index: 4;
    background: url("../images/anim-banner2.jpg") no-repeat;
}

.showHeadItem3{
    z-index: 3;
    opacity: .3;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    transition: all .5s linear;
    background: url("../images/anim-banner3.jpg") no-repeat;
}

.slide_rotate .showHeadItem1{
    opacity: 1;
    left: 0;
    top: 20px;
    opacity: 1;
    -webkit-transform: rotate(-12deg) translateZ(0);
    -moz-transform: rotate(-12deg);
    -o-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);
}
.slide_rotate .showHeadItem3{
    opacity: 1;
    top: 20px;
    left: 218px;
    opacity: 1;
    -webkit-transform: rotate(12deg) translateZ(0);
    -moz-transform: rotate(12deg);
    -o-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
}
/*登录侧边 左侧 图片效果 结束*/




/*第一条 图片样式 开始*/

.firstStep,
.firstStepCenter,
.firstStepLeft,
.firstStepRight,
.secondStepCenter,
.secondStep1,
.secondStep2,
.secondStep3,
.secondStep4,
.secondStep5,
.fourthStep,
.fourthStep1,
.fourthStep2,
.fourthStep3,
.fourthStep4,
.fourthStep5,
.fourthStep6,
.fourthStep7{
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}


.firstStep{
    z-index: 2;
    -webkit-transition: all .3s linear .3s;
    -moz-transition: all .3s linear .3s;
    -o-transition: all .3s linear .3s;
    -ms-transition: all .3s linear .3s;
    transition: all .3s linear .3s;
    background: url("../images/first-c-bg.png") no-repeat;
}
.firstStepCenter{
    z-index: 3;
    -webkit-transition: all .3s linear .8s;
    -moz-transition: all .3s linear .8s;
    -o-transition: all .3s linear .8s;
    -ms-transition: all .3s linear .8s;
    transition: all .3s linear .8s;
    background: url("../images/first-step-center.png") no-repeat;
}
.firstStepLeft{
    z-index: 4;
    -webkit-transition: all .3s linear .9s;
    -moz-transition: all .3s linear .9s;
    -o-transition: all .3s linear .9s;
    -ms-transition: all .3s linear .9s;
    transition: all .3s linear .9s;
    background: url("../images/first-step-left.png") no-repeat;
}
.firstStepRight{
    z-index: 4;
    -webkit-transition: all .3s linear 1s;
    -moz-transition: all .3s linear 1s;
    -o-transition: all .3s linear 1s;
    -ms-transition: all .3s linear 1s;
    transition: all .3s linear 1s;
    background: url("../images/first-step-right.png") no-repeat;
}
/*第一条 图片样式 结束*/





/*第二条图片样式 开始*/
.secondStep{
    background: url("../images/second-c-bg.jpg") no-repeat;
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transition: all .6s linear .6s;
    -moz-transition: all .6s linear .6s;
    -o-transition: all .6s linear .6s;
    -ms-transition: all .6s linear .6s;
    transition: all .6s linear .6s;
}

.secondStepCenter{
    left: 75px;
    top: 52px;
    background: url("../images/second-step-1.png") no-repeat;
    -webkit-transition: all .6s linear .6s;
    -moz-transition: all .6s linear .6s;
    -o-transition: all .6s linear .6s;
    -ms-transition: all .6s linear .6s;
    transition: all .6s linear .6s;
}
.secondStepBg{
    background-image: url("../images/se-you.png");
    background-repeat: no-repeat;
}
.secondStepYou{
    top: 151px;
    left: 153px;
    background-position: 0 0;
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transition: all .3s linear .6s;
    -moz-transition: all .3s linear .6s;
    -o-transition: all .3s linear .6s;
    -ms-transition: all .3s linear .6s;
    transition: all .3s linear .6s;
}

.secondStep1{
    top: -35px;
    left: 153px;
    background-position: -6px -90px;
    -webkit-transition: all .3s linear .9s;
    -moz-transition: all .3s linear .9s;
    -o-transition: all .3s linear .9s;
    -ms-transition: all .3s linear .9s;
    transition: all .3s linear .9s;
}
.secondStep2{
    top: 65px;
    right: 86px;
    background-position: -6px -170px;
    -webkit-transition: all .3s linear 1.3s;
    -moz-transition: all .3s linear 1.3s;
    -o-transition: all .3s linear 1.3s;
    -ms-transition: all .3s linear 1.3s;
    transition: all .3s linear 1.3s;
}
.secondStep3{
    top: 274px;
    right: 108px;
    background-position: -6px -250px;
    -webkit-transition: all .3s linear 1.5s;
    -moz-transition: all .3s linear 1.5s;
    -o-transition: all .3s linear 1.5s;
    -ms-transition: all .3s linear 1.5s;
    transition: all .3s linear 1.5s;
}
.secondStep4{
    top: 276px;
    left: 24px;
    background-position: -7px -330px;
    -webkit-transition: all .3s linear 1.7s;
    -moz-transition: all .3s linear 1.7s;
    -o-transition: all .3s linear 1.7s;
    -ms-transition: all .3s linear 1.7s;
    transition: all .3s linear 1.7s;
}
.secondStep5{
    top: 65px;
    left: -3px;
    background-position: -8px -410px;
    -webkit-transition: all .3s linear 1.8s;
    -moz-transition: all .3s linear 1.8s;
    -o-transition: all .3s linear 1.8s;
    -ms-transition: all .3s linear 1.8s;
    transition: all .3s linear 1.8s;
}
/*第二条图片样式 结束*/


/*第三条图片*/
.thirdStep{
    width: 473px;
    height: 192px;
    background: url("../images/third-c-bg.jpg");
    opacity: 0;
    -webkit-transition: all .6s linear .3s;
    -moz-transition: all .6s linear .3s;
    -o-transition: all .6s linear .3s;
    -ms-transition: all .6s linear .3s;
    transition: all .6s linear .3s;
}
.thirdStepYou{
    background: url("../images/third-step-you.png");
    top: -220px;
    opacity: 0.5;
    left: 192px;
    -webkit-transition: all .6s linear .3s;
    -moz-transition: all .6s linear .3s;
    -o-transition: all .6s linear .3s;
    -ms-transition: all .6s linear .3s;
    transition: all .6s linear .3s;
}
.thirdStep1{
    top: -45px;
    left: 40px;
    background: url("../images/third-step-1.png");
    opacity: 0;
    -webkit-transition: all .6s linear .8s;
    -moz-transition: all .6s linear .8s;
    -o-transition: all .6s linear .8s;
    -ms-transition: all .6s linear .8s;
    transition: all .6s linear .8s;
}
.thirdStep2{
    top: -90px;
    left: 253px;
    background: url("../images/third-step-2.png");
    opacity: 0;
    -webkit-transition: all .6s linear 1.0s;
    -moz-transition: all .6s linear 1.0s;
    -o-transition: all .6s linear 1.0s;
    -ms-transition: all .6s linear 1.0s;
    transition: all .6s linear 1.0s;
}
.thirdStep3{
    top: -15px;
    left: 366px;
    background: url("../images/third-step-3.png");
    opacity: 0;
    -webkit-transition: all .6s linear 1.2s;
    -moz-transition: all .6s linear 1.2s;
    -o-transition: all .6s linear 1.2s;
    -ms-transition: all .6s linear 1.2s;
    transition: all .6s linear 1.2s;
}
.thirdStep4{
    top: 48px;
    left: 281px;
    background: url("../images/third-step-4.png");
    opacity: 0;
    -webkit-transition: all .6s linear 1.4s;
    -moz-transition: all .6s linear 1.4s;
    -o-transition: all .6s linear 1.4s;
    -ms-transition: all .6s linear 1.4s;
    transition: all .6s linear 1.4s;
}
.thirdStep5{
    top: 61px;
    left: 105px;
    background: url("../images/third-step-5.png");
    opacity: 0;
    -webkit-transition: all .6s linear 1.5s;
    -moz-transition: all .6s linear 1.5s;
    -o-transition: all .6s linear 1.5s;
    -ms-transition: all .6s linear 1.5s;
    transition: all .6s linear 1.5s;
}

.fourthStep{
    background: url("../images/fifth-c-bg.png");
    -webkit-transition: all .2s linear .2s;
    -moz-transition: all .2s linear .2s;
    -o-transition: all .2s linear .2s;
    -ms-transition: all .2s linear .2s;
    transition: all .2s linear .2s;
}
.fourthStepPointer{
    width: 31px;
    height: 181px;
    top: 153px;
    left: 179px;
    background: url("../images/fifth-pointer-bg.png");
    opacity: 0;
    transform-origin: bottom center;
    transform: rotate(-14deg);
    -webkit-transform: rotate(-14deg);
    -moz-transform: rotate(-14deg);
    -o-transform: rotate(-14deg);
    -ms-transform: rotate(-14deg);
    -webkit-transition: all 1.3s linear .4s;
    -moz-transition: all 1.3s linear .4s;
    -o-transition: all 1.3s linear .4s;
    -ms-transition: all 1.3s linear .4s;
    transition: all 1.3s linear .4s;
}
.fourthStepBg{
    width: 89px;
    height: 27px;
    background: url("../images/fifth-step-bg.png");
}

.fourthStep1{
    top: 234px;
    left: 72px;
    background-position: 0 -27px;
    -webkit-transition: all .2s linear .5s;
    -moz-transition: all .2s linear .5s;
    -o-transition: all .2s linear .5s;
    -ms-transition: all .2s linear .5s;
    transition: all .2s linear .5s;
}
.fourthStep2{
    top: 170px;
    left: 57px;
    background-position: 0 -81px;
    -webkit-transition: all .2s linear .7s;
    -moz-transition: all .2s linear .7s;
    -o-transition: all .2s linear .7s;
    -ms-transition: all .2s linear .7s;
    transition: all .2s linear .7s;
}

.fourthStep3{
    top: 113px;
    left: 77px;
    background-position: 0 -135px;
    -webkit-transition: all .2s linear .9s;
    -moz-transition: all .2s linear .9s;
    -o-transition: all .2s linear .9s;
    -ms-transition: all .2s linear .9s;
    transition: all .2s linear .9s;
}
.fourthStep4{
    top: 70px;
    left: 152px;
    background-position: 0 -108px;
    -webkit-transition: all .2s linear 1.1s;
    -moz-transition: all .2s linear 1.1s;
    -o-transition: all .2s linear 1.1s;
    -ms-transition: all .2s linear 1.1s;
    transition: all .2s linear 1.1s;
}
.fourthStep5{
    top: 113px;
    left: 229px;
    background-position: 0 -162px;
    -webkit-transition: all .2s linear 1.3s;
    -moz-transition: all .2s linear 1.3s;
    -o-transition: all .2s linear 1.3s;
    -ms-transition: all .2s linear 1.3s;
    transition: all .2s linear 1.3s;
}
.fourthStep6{
    top: 170px;
    left: 244px;
    background-position: 0 0;
    -webkit-transition: all .2s linear 1.5s;
    -moz-transition: all .2s linear 1.5s;
    -o-transition: all .2s linear 1.5s;
    -ms-transition: all .2s linear 1.5s;
    transition: all .2s linear 1.5s
}
.fourthStep7{
    top: 234px;
    left: 234px;
    background-position: 0 -54px;
    -webkit-transition: all .2s linear 1.7s;
    -moz-transition: all .2s linear 1.7s;
    -o-transition: all .2s linear 1.7s;
    -ms-transition: all .2s linear 1.7s;
    transition: all .2s linear 1.7s;
}



/*第一条和第二条 图片部分触发动画的效果 开始*/
.scale  .firstStep,
.scale  .firstStepCenter,
.scale  .firstStepLeft,
.scale  .firstStepRight,
.scale .secondStepCenter,
.scale .secondStep1,
.scale .secondStep2,
.scale .secondStep3,
.scale .secondStep4,
.scale .secondStep5,
.scale .fourthStep,
.scale .fourthStep1,
.scale .fourthStep2,
.scale .fourthStep3,
.scale .fourthStep4,
.scale .fourthStep5,
.scale .fourthStep6,
.scale .fourthStep7{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.scale .secondStep{
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.scale .fourthStepPointer{
    opacity: 1;
    transform: rotate(14deg);
    -webkit-transform: rotate(14deg);
    -moz-transform: rotate(14deg);
    -o-transform: rotate(14deg);
    -ms-transform: rotate(14deg);
}
/*自定义 第二条 你 中间图片的动画效果，旋转*/
@keyframes rotateN {
    0%   {rotateY(90deg);}
    25%  {rotateY(180deg);}
    50%  {rotateY(270deg);}
    100% {rotateY(360deg);}
}
@-moz-keyframes rotateN {
    0%   {rotateY(90deg);}
    25%  {rotateY(180deg);}
    50%  {rotateY(270deg);}
    100% {rotateY(360deg);}
}

@-webkit-keyframes rotateN {
    0%   {rotateY(0deg);}
    25%  {rotateY(90deg);}
    50%  {rotateY(180deg);}
    100% {rotateY(360deg);}
}
@-ms-keyframes rotateN {
    0%   {rotateY(90deg);}
    25%  {rotateY(180deg);}
    50%  {rotateY(270deg);}
    100% {rotateY(360deg);}
}
@-o-keyframes rotateN {
    0%   {rotateY(90deg);}
    25%  {rotateY(180deg);}
    50%  {rotateY(270deg);}
    100% {rotateY(360deg);}
}

.scale .secondStepYou{
    /*animation-name: rotateN;*/
    /*animation-duration: .6s;/!*动画持续时间*!/*/
    /*animation-timing-function: ease-in-out; /!*动画频率，和transition-timing-function是一样的*!/*/
    /*animation-delay: .6s;/!*动画延迟时间*!/*/
    /*animation-iteration-count: 3;/!*定义循环资料，infinite为无限次*!/*/
    /*-moz-animation-name: rotateN;*/
    /*-moz-animation-duration: .6s;/!*动画持续时间*!/*/
    /*-moz-animation-timing-function: ease-in-out; /!*动画频率，和transition-timing-function是一样的*!/*/
    /*-moz-animation-delay: .6s;/!*动画延迟时间*!/*/
    /*-moz-animation-iteration-count: 3;/!*定义循环资料，infinite为无限次*!/*/
    /*-webkit-animation-name: rotateN;/!*动画属性名，也就是我们前面keyframes定义的动画名*!/*/
    /*-webkit-animation-duration: .6s;/!*动画持续时间*!/*/
    /*-webkit-animation-timing-function: ease-in-out; /!*动画频率，和transition-timing-function是一样的*!/*/
    /*-webkit-animation-delay: .6s;/!*动画延迟时间*!/*/
    /*-webkit-animation-iteration-count: 3;/!*定义循环资料，infinite为无限次*!/*/
    -webkit-transform: rotateY(-360deg);
    -moz-transform: rotateY(-360deg);
    -o-transform: rotateY(-360deg);
    -ms-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
}
/*第二条中间 你 图片的旋转效果*/

/*第三条图片部分动画 开始*/
.scale .thirdStepYou{
    top: -9px;
    opacity: 1;
}
.scale .thirdStep,
.scale .thirdStep1,
.scale .thirdStep2,
.scale .thirdStep3,
.scale .thirdStep4,
.scale .thirdStep5{
    opacity: 1;
}
/*第三条图片部分动画 结束*/



/*第一条和第二条 出发动画的效果 结束*/





/*各个条目的文字部分, 开始*/
.firstStepTitle{
    top: 225px;
}

.secondStepTitle{
    top: 195px;
}

.thirdStepTitle{
    top: 237px;
}
.fourthStepTitle{
    top: 270px;
}

.firstStepTitle h2,
.secondStepTitle h2,
.thirdStepTitle h2,
.fourthStepTitle h2{
    opacity: 0;
    margin-top: 20px;
    -webkit-transition: all .2s linear .3s;
    -moz-transition: all .2s linear .3s;
    -o-transition: all .2s linear .3s;
    -ms-transition: all .2s linear .3s;
    transition: all .2s linear .3s;
}
.firstStepTitle h4,
.secondStepTitle h4,
.thirdStepTitle h4,
.fourthStepTitle h4{
    opacity: 0;
    margin-top: 40px;
    -webkit-transition: all .2s linear .6s;
    -moz-transition: all .2s linear .6s;
    -o-transition: all .2s linear .6s;
    -ms-transition: all .2s linear .6s;
    transition: all .2s linear .6s;
}
.scale .firstStepTitle h2,
.scale .secondStepTitle h2,
.scale .thirdStepTitle h2,
.scale .fourthStepTitle h2{
    opacity: 1;
    margin-top: 0;
}
.scale .firstStepTitle h4,
.scale .secondStepTitle h4,
.scale .thirdStepTitle h4,
.scale .fourthStepTitle h4{
    opacity: 1;
    margin-top: 15px;
}

/*各个条目的文字部分, 结束*/

/*名人推荐部分 开始*/
.recommendPeople{
    margin-top: 192px;
    background: #e9ebee;
    border-top: 1px solid #dee1e6;
    /*height: 0;*/
    height: 635px;
}
.recommendPeopleQuote{
    background: #E34949;
    line-height: 22px;
    padding: 0 10px;
    border-right: 5px #b21a1a solid;
    top: 322px;
    right: -5px;
}

.recommendPeopleTitle{
    border-bottom: 1px solid #c6c8cb;
    text-indent: 30px;
    /*line-height: 31px;*/
}
.recommendPeopleMask{
    z-index: 99;
    background: #f3f5f8;
    /*background: red;*/
    height: 638px;
    bottom: 0;/*如果没有这一条属性,遮罩就会展示成从下到上打开,why?*/
    -webkit-transition: all .8s linear .3s;
    -moz-transition: all .8s linear .3s;
    -o-transition: all .8s linear .3s;
    -ms-transition: all .8s linear .3s;
    transition: all .8s linear .3s;
}
.scale .recommendPeopleMask{
    height: 0;
    /*transform: rotate(180deg);*/
}
/*名人推荐部分 结束*/

/*友情链接部分 开始*/
.friendsLink{
    margin-top: 50px;
}
.friendsLink a{
    font-family: "Microsoft Yahei";
    font-size: 12px;
    color: #999999;
    text-decoration: none;
    margin-right: 13px;
    margin-top: 4px;
    float: left;
    position: relative;
}
.friendsLink a:hover{
    text-decoration: underline;
}

/*友情链接部分 结束*/

/*页面底部 开始 */
.tail{
    height: 39px;
    margin-top: 39px;
    border-top: 1px solid #e0e0e0;
    background: #f9f9f9;
}
.tailText{
    line-height: 39px;
    overflow: hidden;
}
.tailText:nth-of-type(1) a{
    color: #999;
}
.tailText:nth-of-type(2) a{
    color: #666;
}
.tailText a{
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}
/*页面底部 结束 */


/*页面侧边浮动栏*/
.fixToolBar{
    position: fixed;
    margin-left: 490px;
    height: 90px;
    width: 45px;
    bottom: 50px;
    z-index: 9999;
    display: block;
    text-indent: -9999em;
    overflow: hidden;
    left: 50%;
}
.toolBar{
    display: block;
    width: 45px;
    height: 45px;
    background: url("../images/mic-top.png");
}
.yijian{
    background-position: 0 -92px;
    transition: .2s linear;
    -webkittransition: .2s linear;
    -ms-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
}
.yijian:hover{
    background-position: 0 -138px;
}
#goTop{
    opacity: 0;
    transition: .3s linear;
    -webkittransition: .3s linear;
    -ms-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
}
.goTop{
    background-position: 0 0;
}
.goTop:hover{
    background-position: 0 -46px;
}

.floatBar{
    width: 300px;
    height: 80px;
    position: fixed;
    bottom: 50px;
    right: -400px;
    z-index: 1000;
    margin-left: 540px;
    left: 50%;
    background: rgba(38, 166, 179, 0.8);
    box-shadow: 0 0 3px 3px rgba(83, 199, 228, 0.3);
    transition: .3s ease-in;
    -webkit-transition: .3s ease-in;
    -ms-transition: .3s ease-in;
    -moz-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;

    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
}

.closeX{
    z-index: 1200;
    width: 20px;
    height: 20px;
    line-height: 20px;
    right: 5px;
    top: 5px;
}
.closeX:hover{
    text-decoration: none;
    background: rgba(217, 99, 118, .9);
}
._showFloat{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

